<nav class="cleafFloat">
    <div class="topbar">
        <div class="banCent tabar_son">
            <ul class="left_ul">
                <li>考拉欢迎你!</li>
                <li id="login">登录</li>
                <li id="sign">免费注册</li>
                <li class="moblie">手机考拉
                    <span class="m_notice">
                        <img src="https://img.alicdn.com/tfs/TB1pUSJua61gK0jSZFlXXXDKFXa-256-256.png" alt="">
                        <strong>
                            新用户下载APP <br>
                            领10元无门槛券
                        </strong>
                    </span>
                </li>
            </ul>
            <ul class="rigt_ul">
                <li>每日签到</li>
                <li>我的订单</li>
                <li class="add_after"><a href="">个人中心<i class="iconfont icon-sanjiao_up nav_sanjiao"></i></a>
                    <div>
                        <a href="">我的优惠券</a><br>
                        <a href="">我的红包</a><br>
                        <a href="">我的考拉豆</a><br>
                        <a href="">账号管理</a><br>
                        <a href="">我的实名认证</a><br>
                        <a href="">我的发票抬头</a><br>
                        <a href="">我收藏的商品</a><br>
                        <a href="">我关注的品牌</a><br>
                        <a href="">售后管理</a>
                    </div>
                </li>
                <li class="add_after"><a href="">客户服务<i class="iconfont icon-sanjiao_up nav_sanjiao"></i></a>
                    <div>
                        <a href=""><i class="iconfont icon-kefu"></i>联系客服</a><br>
                        <a href=""><i class="iconfont icon-bangzhuzhongxin"></i>帮助中心</a><br>
                        <a href=""><i class="iconfont icon-zhishichanquan"></i>知识产权</a><br>
                        <a href=""><i class="iconfont icon-jinggao"></i>规则中心</a><br>
                    </div>
                </li>
                <li class="add_after"><a href="">充值中心<i class="iconfont icon-sanjiao_up nav_sanjiao"></i></a>
                    <div>
                        <a href="">话费充值</a><br>
                        <a href="">游戏充值</a><br>
                        <a href="">App store充值卡</a><br>
                    </div>
                </li>
                <li class="add_after"><a href="">消费者权益<i class="iconfont icon-sanjiao_up nav_sanjiao"></i></a>
                    <div>
                        <a href="">消费者告知书</a><br>
                    </div>
                </li>
                <li class="add_after"><a href="">充值中心<i class="iconfont icon-sanjiao_up nav_sanjiao"></i></a>
                    <div>
                        <a href="">收藏本站</a><br>
                        <a href="">新浪微博</a><br>
                        <a href="">微信公众号</a><br>
                        <a href="">招商合作</a><br>
                    </div>
                </li>
                <li>视频内容</li>
            </ul>
        </div>
    </div>
    <div class="navBig">
        <div class="navbox banCent">
        <a class="logo" href="https://www.kaola.com"><img src="../../static/images/logo.png" alt=""></a>
        <div class="searchbox">
            <span><i class="iconfont icon-sousuo"></i></span>
            <input type="text">
            <span class="search_btn"><i class="iconfont icon-sousuo"></i></span>
        </div>
        <span class="shop_car"><a href="http://localhost:3000/dist/shopCar.html"><i class="iconfont  icon-gouwuche"></i>购物车</a></span>
    </div>
    </div>
    
    <div class="bottom_nav">
        <div class="bottom_navbox banCent">
            <div class="all_class_box">
                <div class="all_class" id="all_classBtn"><i class="iconfont  icon-2"></i> 所有分类</div>
                <ul class="classes" id="classes">
                    <li data-index="0">
                        <div>
                            <i class="iconfont icon-meirong"></i> 美容彩妆 <i class="iconfont icon-iconfontjiantou5"></i>
                        </div>
                    </li>
                    <li data-index="1">
                        <div>
                            <i class="iconfont icon-muyingwanju"></i> 母婴儿童 <i class="iconfont icon-iconfontjiantou5"></i>
                        </div>
                    </li>
                    <li data-index="2">
                        <div>
                            <i class="iconfont icon-shoucangaixinxin"></i> 营养保健 <i class="iconfont icon-iconfontjiantou5"></i>
                        </div>
                    </li>
                    <li data-index="3">
                        <div>
                            <i class="iconfont icon-camera_icon"></i> 数码家电 <i class="iconfont icon-iconfontjiantou5"></i>
                        </div>
                    </li>
                    <li data-index="4">
                        <div>
                            <i class="iconfont icon-qingjie"></i> 个护清洁 <i class="iconfont icon-iconfontjiantou5"></i>
                        </div>
                    </li>
                    <li data-index="6">
                        <div>
                            <i class="iconfont icon-yijia"></i> 服饰鞋靴 <i class="iconfont icon-iconfontjiantou5"></i>
                        </div>
                    </li>
                    <li data-index="7">
                        <div>
                            <i class="iconfont icon-zhinanzhen"></i> 运动户外 <i class="iconfont icon-iconfontjiantou5"></i>
                        </div>
                    </li>
                    <li data-index="8">
                        <div>
                            <i class="iconfont icon-clock"></i> 手表配饰 <i class="iconfont icon-iconfontjiantou5"></i>
                        </div>
                    </li>
                    <li data-index="9">
                        <div>
                            <i class="iconfont icon-gouwudai"></i> 轻奢&emsp;&emsp; <i class="iconfont icon-iconfontjiantou5"></i>
                        </div>
                    </li>
                    <li data-index="10">
                        <div>
                            <i class="iconfont icon-weibiaoti2fuzhi13"></i> 家居生活 <i class="iconfont icon-iconfontjiantou5"></i>
                        </div>
                    </li>
                    <li data-index="11">
                        <div>
                            <i class="iconfont icon-biaoqiankuozhan_meishi-216"></i> 环球美食 <i class="iconfont icon-iconfontjiantou5"></i>
                        </div>
                    </li>
                    <li data-index="12">
                        <div>
                            <i class="iconfont icon-chongwu"></i> 宠物生活 <i class="iconfont icon-iconfontjiantou5"></i>
                        </div>
                    </li>
                    <div class="second_menu clearFloat">
                        <div class="left_box">
                            <div class="left_part part1">
                                <div class="minibox">
                                    <p>我是标题</p>
                                    <div class="item1 item">
                                        
                                    </div>
                                </div>
                                <div class="minibox">
                                    <p>我是标题</p>
                                    <div class="item2 item">
                                        
                                    </div>
                                </div>
                            </div>
                            <div class="left_part part2">
                                <div class="minibox">
                                    <p>我是标题</p>
                                    <div class="item1 item">
                                        
                                    </div>
                                </div>
                                <div class="minibox">
                                    <p>我是标题</p>
                                    <div class="item2 item">
                                        
                                    </div>
                                </div>
                            </div>
                            <div class="left_part part3">
                                <div class="minibox">
                                    <p>我是标题</p>
                                    <div class="item1 item">
                                        
                                    </div>
                                </div>
                                <div class="minibox">
                                    <p>&emsp;</p>
                                    <div class="item2 item">
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="right_box">
                            <div class="imgbox">
                                <div><img src="" alt=""></div>
                                <div><img src="" alt=""></div>
                                <div><img src="" alt=""></div>
                                <div><img src="" alt=""></div>
                                <div><img src="" alt=""></div>
                                <div><img src="" alt=""></div>
                            </div>
                            <div class="remai">
                                <img src="" alt="">
                            </div>
                        </div>
                    </div>
                </ul>
            </div>
            <ul class="nav2">
                <li><a href="">首页</a></li>
                <li><a href="">海外直购</a></li>
                <li><a href="">考拉海购出品</a></li>
                <li><a href="">品质奶粉</a></li>
                <li><a href="">人气面膜</a></li>
                <li><a href="">充值</a></li>
            </ul>
        </div>
    </div>

    <div id="nav_hide">
        <div class="banCent nav_hide_box">
            <div><a href=""><img src="../../static/images/logo_mini.png" alt=""></a></div>
            <div class="searchbox" id="searchbox">
                <span><i class="iconfont icon-sousuo"></i></span>
                <input type="text">
                <span class="search_btn"><i class="iconfont icon-sousuo"></i></span>
            </div>
        </div>
    </div>
</nav>